<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!---
  Copyright 2009 Google Inc.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<title>Winter Wineland 2010</title>
	<script src="http://www.google.com/jsapi" type="text/javascript"></script>
	<script src="SearchService.js" type="text/javascript"></script>
	<script src="main.js" type="text/javascript"></script>
	<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
	
	<!--Left panel contains logo, search form, and search results table.-->
	<div id="left_panel">
		
		<div id="logo">
			<div id="title">Wineland 2010</div>
		</div>
		
		<form id="search_form" action="" onsubmit="doAddressSearch(); return false;">
			<label for="search_input">Search for wineries near:</label><br />
			<input id="search_input" type="search" />
			<input id="search_button" type="submit" value="Search" />
			
			<div id="filters_panel">
				<div id="left_filters">
					<div>
						<select id="select_radius" name="radius">
							<option value="1 mile" >1 mile</option>
							<option value="5 miles" >5 miles</option>
							<option value="10 miles"  selected="true">10 miles</option>
							<option value="20 miles" >20 miles</option>
							<option value="30 miles" >30 miles</option>
							<option value="50 miles" >50 miles</option>
						</select>
						<span class="label">radius:</span>
					</div>
					
				</div>
                 <div id="right_filters">
                                        <input id="cb_public" type="checkbox" checked="checked"
                                                value="Public" />
                                        <label for="cb_public">public</label><br />

                                        <input id="cb_private" type="checkbox" checked="checked"
                                                value="Private" />
                                        <label for="cb_private">private</label>
                                </div>
			</div>
		</form>
		
		<div id="results_container">
		</div>
	</div><!--END left_panel-->
	
	
	<!--Right panel contains the map and footer text.-->
	<div id="right_panel">
		
		<div id="map_container">
			<div id="map"></div>
		</div>
		
	
	</div><!--END right_panel-->
	
	<!--For authentication purposes, the GData JavaScript client library requires
		a local image file to be hosted within the page, so we use a transparent GIF.-->
	<img id="pixel_image" src="images/transparent.gif" />
</body>
</html>